<template>
    <div class="mian-resour">
        <!-- top -->
        <div class="box-top">
            <span class="box-span-1">下架资源</span>
            <div class="box-top-select">
                <div class="box-iput">
                    <span>资源编号</span>
                    <el-input v-model="resource" placeholder="请输入"></el-input>
                </div>
                <div class="box-iput">
                    <span>楼盘名称</span>
                    <el-input v-model="houses" placeholder="请输入"></el-input>
                </div>
            </div>
        </div>
        <!-- bom -->
        <div class="box-bom">
            <soldOut></soldOut>
        </div>
    </div>
</template>
<script>
import soldOut from '../components/soldOut.vue';
export default {
    components: {
        soldOut
    },
    name: '',
    data() {
        return {
            houses: '',
            resource: ''
        };
    },
    methods: {

    },
    mounted() {

    }
};
</script>
<style scoped>
.mian-resour {
    width: 100%;
}

.box-top {
    padding: 25px;
    box-sizing: border-box;
    height: 140px;
    border-radius: 12px;
    background: #fff;
}

.box-top-select {
    display: flex;
    align-items: center;
}

.box-iput {
    display: flex;
    align-items: center;
    margin-right: 70px;
    margin-top: 20px;
}

.box-iput span {
    word-break: keep-all;
    margin-right: 10px;

    font-size: 16px;
    font-weight: 400;
    line-height: 23.17px;
    color: rgba(0, 0, 0, 0.6);
}

.box-span-1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 31.86px;
    color: rgba(0, 0, 0, 1);
}

.box-bom {
    margin-top: 25px;
    padding: 25px;
    border-radius: 12px;
    background: #fff;
}
</style>
